<template>
  <div>
    <div class="footerend">
      <ul>
        <li><a href="">马可波罗</a></li>
        <li><a href="">Onlylady女人志</a></li>
        <li><a href="">艺龙旅游指南</a></li>
        <li><a href="">欣欣旅游网</a></li>
        <li><a href="">户外运动</a></li>
        <li><a href="">365音乐网</a></li>
        <li><a href="">爱问共享资料</a></li>
        <li><a href="">旅游网</a></li>
        <li><a href="">小说网</a></li>
        <li><a href="">学习啦</a></li>
        <li><a href="">游多多自助游</a></li>
        <li><a href="">问答</a></li>
        <li><a href="">火车时刻表</a></li>
        <li><a href="">驴妈妈旅游网</a></li>
        <li><a href="">好豆美食网</a></li>
        <li><a href="">二手车</a></li>
        <li><a href="">绿野户外</a></li>
        <li><a href="">途牛旅游网</a></li>
        <li><a href="">图吧</a></li>
        <li><a href="">SUV联合越野</a></li>
        <li><a href="">手机浏览器</a></li>
        <li><a href="">上海地图</a></li>
        <li><a href="">天气预报查询</a></li>
        <li><a href="">火车票</a></li>
        <li><a href="">马蜂窝大学</a></li>
        <li><a href="">马尔代夫旅游</a></li>
        <li><a href="">YunOS</a></li>
        <li><a href="">携程旅游</a></li>
        <li><a href="">锦江旅游</a></li>
        <li><a href="">火车时刻表</a></li>
        <li><a href="">TripAdvisor</a></li>
        <li><a href="">天巡网</a></li>
        <li><a href="">短租房</a></li>
        <li><a href="">租租车</a></li>
        <li><a href="">五分旅游网</a></li>
        <li><a href="">酒店预订</a></li>
        <li><a href="">爱旅游网</a></li>
        <li><a href="">旅游</a></li>
        <li><a href="">旅游网</a></li>
        <li><a href="">wed114结婚网</a></li>
        <li><a href="">车讯网</a></li>
        <li><a href="">邀游旅游网</a></li>
        <li><a href="">手机</a></li>
        <li><a href="">更多友情链接</a></li>
      </ul>
    </div>
    <div class="footerend2">
      <div>
        <i></i>
        <div>
          <p>
            &copy; Mafengwo.cn 京ICP备11015476号 <img src="https://images.mafengwo.net/images/footer/police_record.png" alt="">京公网安备11010502013401号
            京ICP证110318号
          </p>
          <ul>
            <li><a href="">网络出版服务许可证</a></li>
            <li><a href="">增值电信业务经营许可证 </a></li>
            <li><a href="">营业执照</a></li>
            <li><a href="">故昂波电视节目制作经营许可证</a></li>
            <li><a href="">网络文化许可证</a></li>
            <li><a href="">网上有害信息举报专区</a></li>
            <li><a href="">帮助中心</a></li>
            <li><a href=""></a></li>
          </ul>
        </div>
      </div>
      <div>
        <p>
          违法和不良信息举报电话: 010-83416877 举报邮箱: mfwjubao@mafengwo.com
          全国旅游投诉电话：12301
        </p>
        <p>马蜂窝客服：国内4006-345-678 海外 +86-10-8341-6888</p>
      </div>
      <div>
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.footerend {
  padding: 25px 0;
  border: 1px solid #575a5b;
  border-left: none;
  border-right: none;
  margin-top: 70px;
  a {
    color: #c2c2c2;
  }

  ul {
    display: flex;
    flex-wrap: wrap;
    li {
      padding: 0 5px;
      line-height: 200%;
      a:hover {
        color: #fff;
      }
    }
  }
}
.footerend2 {
    margin-top: 20px;
    p{line-height: 200%;}
  div:nth-child(1) {
    display: flex;
    a {
      color: #c2c2c2;
    }
    i {
      width: 155px;
      height: 40px;
      background-image: url("~@/assets/images/mfw_logo4.png");
      background-size: 100%;
      background-position-y: -29px;
    }
    div {
      ul {
        display: flex;
        li {
          padding: 0 5px;
          a:hover {
            color: #fff;
          }
        }
      }
    }
  }
  div:nth-child(3) {
    ul {
      display: flex;
      justify-content: space-between;
      width: 320px;
      margin: 0 auto;
      li {
        width: 93px;
        height: 28px;
        background-image: url("~@/assets/images/mfw_logo4.png");
        background-size: 155%;
      }
      li:nth-child(1){background-position-y: 106px;}
      li:nth-child(2){background-position-y:67px;}
      li:nth-child(3){background-position-y: -145px;}
    }
  }
}
</style>
